<!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="css/auto.scroll.style.css" rel="stylesheet" type="text/css"/>
    <title>模拟flash带动画效果轮播图</title>
</head>
<body>
<div class="wrape homeone">
    <div id="obo_slider">
        <div class="oneByOne_item">
            <a><img src="images-autoscroll/home1_slide_1.png" class="wp1_3 slide1_bot"/></a>
            <span class="txt1">模拟flash带动画效果轮播图</span>
            <span class="txt2">无设计，不生活<br/>好的设计令人心旷神怡</span>
            <span class="txt3 short">擅长新颖、简练的视觉设计表现手法，并整合创新战略，品牌建设，为客户提供创新的解决方案，以帮助提高品牌知名度和提升消费者体验的客户。</span>
            <span class="txt4 txt4up"><a href="#" class="btn_l">Contact Us</a></span>
        </div>
        <div class="oneByOne_item">
            <a><img src="images-autoscroll/home7_slide_2.png" class="wp1_3 wp1_left slide2_bot"/></a>
            <span class="txt1 blue txt_right2">-------</span>
            <span class="txt2 blue txt_right2" style="width:380px">一次合作，终身朋友</span>
            <span class="txt2 blue txt_right2" style="width:350px">By：付小华</span>
            <span class="txt4 txt_right2 txt4up"><a href="#" class="btn_l">Contact Us</a></span>
        </div>
        <div class="oneByOne_item">
            <a><img src="images-autoscroll/home7_slide_3.png" class="wp1_3 slide2_bot"/> </a>
            <span class="txt1">我们依然活着，因为我们一直在挑战</span>
            <span class="txt2">整合创意来诠释品牌的高<br/>贵气质，前所未有的高端<br/>享受</span>
            <span class="txt3">创意是思维意识的表现，设计创意表现的结果，创意生活，从这里开始。</span>
            <span class="txt4" style="margin-top:15px"><a target="_blank" class="btn_l">+QQ为好友</a></span>
        </div>
        <div class="oneByOne_item">
            <a><img src="images-autoscroll/home7_slide_4.png" class="wp1_3 slide3_bot"/></a>
            <span class="txt1 blue">细节决定成败！服务决定价值！ </span>
            <span class="txt2 blue">www.xxxxx.com</span>
            <span class="txt3 short">多年来，本站传播广结良友，和客户朋友们建立了忠实而坚定的亲密伙伴关系。本站始终坚守着“信、合、赢、上”的核心经营理念，得到了客户的广泛认可。</span>
            <span class="txt4 txt4up"><a href="#" class="btn_l">Contact Us</a></span>
        </div>
    </div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-autoscroll-banner.js"></script>
<script type="text/javascript">
    $(function () {
        $('#obo_slider').runbanner({
            className: 'oneByOne1',
            easeType: 'random',  //动画参数
            /*
             "rollIn", "fadeIn", "fadeInUp", "fadeInDown", "fadeInLeft", "fadeInRight", "fadeInRight", "bounceIn", "bounceInDown", "bounceInUp", "bounceInLeft",        "bounceInRight", "rotateIn", "rotateInDownLeft", "rotateInDownRight", "rotateInUpLeft", "rotateInUpRight" (18种动画类型可调用)
             */
            slideShow: true  //为false时不会自动播放
        });
    })
</script>
</body>
</html>